<%@ page import="br.unicamp.ic.inf300.arena.modelo.pessoa.TipoEspectador"%>
<%@include file="/layout/taglibs.jsp" %>

<jsp:useBean id="espectadoresMBean" scope="session" class="br.unicamp.ic.inf300.arena.action.vendas.IdentificacaoEspectadoresManagerBean" />

<%-- campos PASSO I - IDENTIFICACAO ESPECTADORES --%>
<stripes:form name="frm_identifica" action="/vendas/VenderBilhetes.action" focus="docto">
	<table class="leftRightForm">
	<tr>
		<th style="width: 200px;" align="right">Documento (C.P.F. ou Carteira estudantil):</th>
		<td style="width: 200px;">
			<stripes:text name="docto" size="18" maxlength="17" />
		</td>
	</tr>
	<tr>
		<th style="width: 200px;"align="right">Tipo espectador:</th>
		<td style="width: 200px;">

			<stripes:select name="tipoEspectador">
				<stripes:options-collection collection="${espectadoresMBean.tipos}"
					label="descricao" value="sequencial"/>
			</stripes:select>
		</td>
	</tr>
	<tr>
		<th style="width: 200px;" align="right">

			<c:if test="${espectadoresMBean.disponibilidade}">

				<stripes:button name="adicionarEspectador"
					value="+" onclick="invoke(this.form, this.name, 'result'); clean();"
					title="Informe dados espectador e clique + para cada um..." />
			</c:if>
		</th>
		<td style="width: 200px;" id="result"></td>
	</tr>
	</table>
</stripes:form>

<%-- campos PASSO II - COBRANCA --%>
<br>
<stripes:form name="frm_pagto" action="/vendas/VenderBilhetes.action">
    <stripes:hidden name="targetUrl" value="/vendaOnline.jsp" />

	<div class="sectionTitle">Dados para cobran&ccedil;a</div>
	<a name="cobranca_errors"></a>
	<stripes:errors/>	

	<font color="red" size="-2">* Preenchimento obrigat&oacute;rio</font>
	<table class="leftRightForm">
	<tr>
		<th style="width: 200px;" align="right">Forma pagto.:</th>
		<td style="width: 200px;">
			<select name="formaPagto">
				<option value="1" selected="selected">cart&atilde;o cr&eacute;dito</option>
			</select>
		</td>
	</tr>
	<tr>
		<th style="width: 200px;"align="right"><font color="red" size="-2">*</font> N&uacute;mero cart&atilde;o:</th>
		<td style="width: 200px;" >
			<stripes:text name="numCartao" value="" size="10" maxlength="7" /><br>
			<font size="-2"> (7 d&iacute;gitos)</font>
		</td>
	</tr>
	<tr>
		<th style="width: 200px;"align="right"><font color="red" size="-2">*</font> Senha:</th>
		<td style="width: 200px;" >
			<stripes:password name="senha" value="" size="11" maxlength="10" title="cuidado, site sem criptografia..." /><br>
			<font size="-2"> (m&iacute;nimo 4 d&iacute;gitos)</font>
		</td>
	</tr>
	<tr>
		<th style="width: 200px;"align="right"><font color="red" size="-2">*</font> C&oacute;digo seguran&ccedil;a:</th>
		<td style="width: 200px;" >
			<stripes:text name="codigoSeguranca" value="" size="6" maxlength="5" title="4 d&iacute;gitos finais no verso do cart&atilde;o" /><br>
			<font size="-2"> (m&iacute;nimo 4 d&iacute;gitos)</font>
		</td>
	</tr>
	<tr>
		<th style="width: 200px;" align="right">

			<stripes:submit name="efetivarVenda" value="Confirmar" 
					title="Obrigado pela prefer&ecirc;ncia!" />
		</th>
		<td style="width: 200px;" ></td>
	</tr>
	</table>
</stripes:form>